<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>大学生宿舍管理系统</title>
	<meta name="keywords" content="大学生宿舍管理系统" />
	<meta name="description" content="大学生宿舍管理系统" />

	<link rel="stylesheet" type="text/css" href="/css/login/vendor/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="/css/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="/css/login/fonts/iconic/css/material-design-iconic-font.min.css">
	<link rel="stylesheet" type="text/css" href="/css/login/css/util.css">
	<link rel="stylesheet" type="text/css" href="/css/login/css/main.css">
	<style>
		/*html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
	</style>
</head>

<body>

<div class="limiter">
	<div class="container-login100" style="background-image: url('/css/login/images/bg-01.jpg');">
		<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
			<form class="login100-form validate-form" id="loginformbtn">
				<span class="login100-form-title p-b-49">大学生宿舍管理系统</span>

				<div class="wrap-input100 validate-input m-b-23" data-validate="请输入账号">
					<span class="label-input100">用户名</span>
					<input class="input100" type="text" name="account" placeholder="请输入账号" autocomplete="off">
					<span class="focus-input100" data-symbol="&#xf206;"></span>
				</div>

				<div class="wrap-input100 validate-input m-b-23" data-validate="请输入密码">
					<span class="label-input100">密码</span>
					<input class="input100" type="password" name="pwd" placeholder="请输入密码">
					<span class="focus-input100" data-symbol="&#xf190;"></span>
				</div>

				<div class="wrap-input100 validate-input" data-validate="请输入验证码">
					<span class="label-input100">验证码<img src="/api/code/getVerify?'+Math.floor(Math.random()*100);" class="verifyCodeImg" onclick="javascript: _change()" id="vCode" width="41%"  alt="情输入验证码"></span>
					<input class="input100" type="text" name="code" placeholder="请输入验证码">
					<span class="focus-input100" data-symbol="&#xf190;"></span>
				</div>

				<div  data-validate="用户角色" style="line-height: 40px;">
					<span class="label-input100">用户角色</span>
					<select name="type" id="logintype">
						<option value="1">宿舍管理员</option>
						<option value="2">大学生</option>
					</select>
				</div>

				<div class="container-login100-form-btn">
					<div class="wrap-login100-form-btn">
						<div class="login100-form-bgbtn"></div>
						<button class="login100-form-btn" id="btnform" onclick="keyLogin()">登 录</button>
					</div>
				</div>

			</form>
		</div>
	</div>
</div>

<script src="/css/login/vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="/css/login/js/main.js"></script>
<script type="text/javascript" src="/lib/layui/layui.js"></script>
<script type="text/javascript" src="/js/xadmin.js"></script>
<script type="text/javascript">

	window.onload = function () {
		if (window.parent.window != window) {
			window.top.location = "/";
		}
	}

	function validate (input) {
		if($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
			if($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
				return false;
			}
		}
		else {
			if($(input).val().trim() == ''){
				return false;
			}
		}
		return true;
	}

	$("#btnform").on("click",function(){
		var input = $('.validate-input .input100');
        if(validate(input)){
			var index;
			$.ajax({
				url : "/api/login/login",
				data:$('#loginformbtn').serialize(),
				type : "POST",
				dataType : "json",
				beforeSend:function(XMLHttpRequest){
					index= layer.msg('登录中，请稍候',{icon: 16,time:false,shade:0.8});
				},success : function(data){
					if(data.success){
						window.location = "/sys/main/index";
					}else{
						layer.alert(data.msg,{icon:5});
						_change();
					}
				},complete:function(XMLHttpRequest,textStatus){
					layer.close(index);
				},error:function(data){
					layer.alert('网络异常或者数据错误', {icon: 2});
					_change();
				}
			})
			return false;
		}

	})

	function _change() {
		$("#vCode").attr("src", "/api/code/getVerify?'+Math.floor(Math.random()*100);" + new Date().getTime());
	}
	function keyLogin(){
		if (event.keyCode==13)  //回车键的键值为13
			document.getElementById("loginbtn").click(); //调用登录按钮的登录事件
	}

</script>
</body>
</html>
